{
    "detail": {
        "width": 1361.38,
        "height": 716.77,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "安全检查",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "安全隐患表格弹窗",
            "index": "9e08509b-1baf-470f-80ee-f13acf3f7abd",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "安全隐患排查",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "安全隐患排查"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 28,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 53.79,
                    "top": 44.94,
                    "index": "07df93e1-af1f-4cbc-860a-3b2f9f653ac9",
                    "zIndex": 20,
                    "display": true
                },
                {
                    "name": "关闭",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 42.99,
                        "height": 33.16,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <i class=\"el-icon-close closeEdit\" @click=\"close\"></i>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n     refs['9e08509b-1baf-470f-80ee-f13acf3f7abd'].setDisplay(true)\n     refs['7cba205a-6a1b-44cf-9777-b6379a0cf972'].setDisplay(true)\n\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 1249.61,
                    "top": 50.95,
                    "index": "f4c5fe20-5de4-4a1d-807d-606a9b9a0eb2",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 19,
                    "display": true
                },
                {
                    "title": "图片",
                    "name": "下划线",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 97.77,
                    "left": 49.56,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1237.81,
                        "height": 11.81,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "ea7b5c9a-baf2-44be-bd86-27eecb9b498f",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 18,
                    "display": true
                },
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 136.15,
                    "left": 46.94,
                    "component": {
                        "width": 1250.07,
                        "height": 507.17,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "rotateZ": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/242?project_id=2205&projectId=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "002392f8-753a-4a47-85b3-d9c9674acb4b",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 17,
                    "display": true
                },
                {
                    "title": "图片",
                    "name": "背景",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 29.26,
                    "left": 30.62,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240625/1a825d11981f453932abf23b9ba8c4a1.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1283.99,
                        "height": 637.16,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "d2215558-6417-42b8-833c-55c4abd71718",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 16,
                    "display": true
                }
            ],
            "zIndex": 21,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "7cba205a-6a1b-44cf-9777-b6379a0cf972",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "遮罩层",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1370.09,
                        "height": 726.26,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;position:fixed;top:0;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -13.45,
                    "top": -14.62,
                    "index": "89e27b65-9967-4964-8e3b-1382c9cba74e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 14,
                    "display": true
                }
            ],
            "zIndex": 15,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文本框",
            "name": "",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": ""
            },
            "component": {
                "width": 1307.34,
                "height": 226.47,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "center",
                "fontSize": 26,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": 12.65,
            "top": 41.73,
            "index": "347166ee-8e04-4c50-8246-824908cec894",
            "zIndex": 13,
            "clickFormatter": "(params,refs)=>{\n          console.log('...');\n    let path = window.location.search\n    refs['002392f8-753a-4a47-85b3-d9c9674acb4b'].dataChart.value='https://dash.hibuilding.cn/view/242'+path\n    refs['9e08509b-1baf-470f-80ee-f13acf3f7abd'].setDisplay(false);\n    refs['7cba205a-6a1b-44cf-9777-b6379a0cf972'].setDisplay(false);\n}",
            "display": false
        },
        {
            "title": "文件夹",
            "name": "隐患排查",
            "index": "d5b203f6-ee9a-4229-840b-22a581b4fd7f",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文件夹",
                    "name": "安全分析柱状图",
                    "index": "136496e4-ff6d-4d47-ab2c-94be76e36388",
                    "menu": false,
                    "display": false,
                    "lock": false,
                    "children": [
                        {
                            "name": "分析下拉框",
                            "title": "自定义Vue组件",
                            "icon": "icon-bar",
                            "img": "img/assets/text4.png",
                            "dataType": 0,
                            "data": {
                                "name": "avue"
                            },
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "",
                            "stylesFormatter": "",
                            "component": {
                                "width": 116.62,
                                "height": 27.11,
                                "name": "vue",
                                "prop": "vue",
                                "perspective": 0,
                                "scale": 0,
                                "opacity": 0,
                                "rotateX": 0,
                                "rotateY": 0,
                                "rotateZ": 0
                            },
                            "option": {
                                "content": "<template>\n    <div>\n        <el-select v-model=\"value\" class='selectNum' size='mini' placeholder=\"请选择\" @change='handleSelect'>\n            <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\">\n            </el-option>\n        </el-select>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {\n                 options: [ {\n          label: '近半年',\n          value: 6\n        },\n        {\n          label: '近一年',\n          value: 7\n        }],\n        value: 6\n            }\n        },\n        created(){\n\n        },\n        methods:{\n            handleSelect(value){\n                this.$emit('click',{value:value})\n            }\n        },\n        mounted(){\n          let refs=this.$parent.getItemRefs();\n          refs['136496e4-ff6d-4d47-ab2c-94be76e36388'].setDisplay(true)\n                 refs['31ab6ba3-49a9-4a12-80e5-9492eaca67b1'].setDisplay(true)\n            this.$emit('click',{value:6})\n        }\n    \n    }\n</script>\n\n<style>\n.selectNum{\n  width:90px;\n  border:1px solid #00ffff;\n}\n</style>"
                            },
                            "left": 23.8,
                            "top": 384.99499999999995,
                            "index": "db58e9be-cd7d-40f8-96e7-00fb01445bae",
                            "child": {
                                "index": [
                                    "0a6a0041-5dd1-4be2-ba6f-6f76e0f55e41",
                                    "b308dc9d-0a3c-4729-8403-b3018d38a7ad"
                                ],
                                "paramList": [],
                                "paramName": "date_type",
                                "paramValue": "value"
                            },
                            "zIndex": 10,
                            "display": false
                        },
                        {
                            "name": "分析柱状图",
                            "title": "通用型",
                            "icon": "icon-bar",
                            "img": "img/assets/text5.png",
                            "dataType": 1,
                            "dataMethod": "get",
                            "data": {
                                "categories": [
                                    "苹果",
                                    "三星",
                                    "小米",
                                    "oppo",
                                    "vivo"
                                ],
                                "series": [
                                    {
                                        "name": "手机品牌",
                                        "data": [
                                            1000879,
                                            3400879,
                                            2300879,
                                            5400879,
                                            3400879
                                        ]
                                    }
                                ]
                            },
                            "echartFormatter": "function (data,params){\n    const myChart = this.myChart;\n     let echartData={\n        xAxis: [],\n        series: [\n          { name: '隐患数', data: [120, 140, 160, 100, 80, 60] },\n          { name: '待办数量', data: [100, 150, 140, 120, 50, 90] },\n          { name: '整改率', data: [7000, 8000, 8500, 6500, 12000, 11000] }\n        ]\n      }\n    let  dataList = ['1月','2月','3月','4月','5月','6月']\n    if(data && data.data && data.data.list && data.data.list.length>0){\n         let check_count = [];\n        let hidden_danger_count = [];\n        let rectify_rate = [];\n        dataList = [];\n        data.data.list.map(item => {\n          dataList.push(item.name.slice(-2) + '月');\n          check_count.push(item.total);\n          hidden_danger_count.push(item.rectify);\n          rectify_rate.push(item.rectify_rate);\n        });\n\n        echartData.series =echartData.series.map(item => {\n          switch (item.name) {\n            case '隐患数':\n              item.data = check_count;\n              break;\n            case '待办数量':\n              item.data = hidden_danger_count;\n              break;\n            case '整改率':\n              item.data = rectify_rate;\n              break;\n            default:\n              item.data = 0;\n          }\n          return item;\n        });\n    }\n    return {\n        dataZoom: [//x轴滑动条\n          {\n            type: 'slider',\n            show: true,\n            xAxisIndex: [0],\n            start: 0,    //初始化时，滑动条宽度开始标度\n            bottom: '2%',\n            end: 45,\n            height: 10,\n            fillerColor: '#3E86FF',\n            borderColor: \"transparent\",\n            backgroundColor: 'white',//两边未选中的滑动条区域的颜色\n            showDataShadow: false,//是否显示数据阴影 默认auto\n            showDetail: false,//即拖拽时候是否显示详细数值信息 默认true\n          },\n          {\n            type: 'inside',\n            xAxisIndex: 0,\n            zoomOnMouseWheel: false,  //滚轮是否触发缩放\n            moveOnMouseMove: true,  //鼠标滚轮触发滚动\n            moveOnMouseWheel: true\n          }\n        ],\n        tooltip: {\n          trigger: 'axis',\n          confine: true,\n          axisPointer: { type: 'none' },\n          backgroundColor: 'rgba(27, 20, 100, 0.8)',\n          borderColor: 'rgba(27, 20, 100, 0.8)',\n          textStyle: { fontSize: 12, fontWeight: 500, color: '#ffffff' },\n          formatter(params) {\n            // 只展示柱子对应的内容，把顶部底部的 tooltip 过滤掉\n            return params.reduce((pre, i) => {\n              if (i.componentSubType === 'bar') {\n                i.marker = i.marker.replace(/\\[object Object\\]/, i.color.colorStops[1].color);\n                i.value = `<span style='flex: 1; text-align: right; margin-left: 16px;'>${i.value}</span>`;\n                const current = `<div style='display: flex; align-items: center; height: 26px;'>${i.marker}${i.seriesName} ${i.value}</div>`;\n                return `${pre}${current}`;\n              }\n              return pre;\n            }, '');\n          }\n        },\n        grid: { left: '0', right: '0', top: '7%', bottom: '5%', containLabel: true },\n        xAxis: [\n          {\n            type: 'category',\n            // boundaryGap: false,\n            data: dataList, // 底部月数replace\n            axisPointer: {\n              type: 'shadow'\n            },\n            axisLine: {// x轴线的颜色以及宽度\n              show: true,\n              lineStyle: {\n                color: 'rgba(219,225,255,1)',\n                width: 0,\n                type: 'dashed'\n              }\n            },\n            axisTick: {\n              show: false\n            },\n            axisLabel: {//x轴文字的配置\n              show: true,\n              margin: 20,\n              textStyle: {\n                fontSize: 25,\n                color: '#ffffff'\n\n              }\n            }\n          }\n        ],\n        yAxis: [\n          {\n            type: 'value',\n            axisLabel: {\n              formatter: '{value}',\n              textStyle: {\n                fontSize: 30,\n                color: '#ffffff',\n                margin: 15\n              }\n            },\n            splitLine: {//分割线配置\n              show: true,\n              lineStyle: {\n                color: 'rgba(255,225,255,0.6)',\n                type: 'dashed'\n              }\n            }\n          },\n          {\n            type: 'value',\n            axisLabel: {\n              formatter: '{value}',\n              textStyle: {\n                fontSize: 30,\n                color: '#ffffff',\n                margin: 15\n              }\n            },\n            splitLine: {//分割线配置\n              show: true,\n              lineStyle: {\n                color: 'rgba(219,225,255,1)',\n                type: 'dashed'\n              }\n            }\n          }\n        ],\n        series: [\n          {\n            name: '隐患数', //圆柱体本身\n            type: 'bar',\n            barWidth: 50,\n            barCategoryGap: 12,\n            data: echartData.series[0].data,\n            // data: [120, 140, 160, 100, 80, 60],\n            itemStyle: {\n              // 柱体渐变色\n              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                offset: 0,\n                color: '#FF6600'\n              }, {\n                offset: 1,\n                color: '#FF2944'\n              }])\n            }\n          },\n          {\n            name: '隐患数',  //顶部圆\n            type: 'pictorialBar',\n            symbolSize: [50, 21],\n            symbolOffset: [-30, -10.5],\n            z: 12,\n            itemStyle: { //渐变从左到右,从深到浅\n              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n                offset: 0,\n                color: '#FF6600'\n              }, {\n                offset: 1,\n                color: '#FF2944'\n              }])\n            },\n            symbolPosition: 'end',\n            data:echartData.series[0].data\n            // data: [120, 140, 160, 100, 80, 60],\n          },\n          {\n            name: '隐患数',  //底部圆\n            type: 'pictorialBar',\n            symbolSize: [50, 9],\n            symbolOffset: [-30, 3.5],\n            z: 12,\n            itemStyle: {\n              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                offset: 0,\n                color: '#FF6600'\n              }, {\n                offset: 1,\n                color: '#FF2944'\n              }])\n            },\n            symbolPosition: 'start',\n            data: [1, 1]\n          },\n          {\n            name: '待办数量', //圆柱体本身\n            type: 'bar',\n            barWidth: 50,\n            barCategoryGap: 12,\n            data: echartData.series[1].data,\n            // data: [100, 150, 140, 120, 50, 90],\n            itemStyle: {\n              // 柱体渐变色\n              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                offset: 1,\n                color: '#CC00FC'\n              }, {\n                offset: 0,\n                color: '#00BEFB'\n              }])\n            }\n          },\n          {\n            name: '待办数量', //顶部圆\n            type: 'pictorialBar',\n            symbolSize: [50, 21],\n            symbolOffset: [30, -10.5],\n            z: 12,\n            itemStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{\n                offset: 1,\n                color: '#CC00FC'\n              }, {\n                offset: 0,\n                color: '#00BEFB'\n              }])\n            },\n            symbolPosition: 'end',\n            data:echartData.series[1].data\n            // data: [100, 150, 140, 120, 50, 90],\n          },\n          {\n            name: '待办数量', //底部圆\n            type: 'pictorialBar',\n            symbolSize: [50, 9],\n            symbolOffset: [30, 3.5],\n            z: 12,\n            itemStyle: {\n              color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n                offset: 1,\n                color: '#CC00FC'\n              }, {\n                offset: 0,\n                color: '#00BEFB'\n              }])\n            },\n            symbolPosition: 'start',\n            data: [1, 1]\n          },\n          {\n            name: '整改率',\n            type: 'line',\n            smooth: true,\n            symbolSize: 15,   //设定中心点的大小\n            yAxisIndex: 1,\n            itemStyle: {\n              color: '#6EA100'\n            },\n            lineStyle: {\n              color: '#6EA100',\n              width: 4\n            },\n            data: echartData.series[2].data\n            // data: [7000, 8000, 8500, 6500, 12000, 11000],\n          }\n        ]\n      }\n}",
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "(data)=>{\n    return {\n        project_id:629,\n        check_tpl_id: '5ff438316211725c1717cbd2'\n    }\n}",
                            "stylesFormatter": "",
                            "url": "https://console-api.hibuilding.cn/plat/api/v3/screen/safe/stat_by_time",
                            "component": {
                                "width": 1254.65,
                                "height": 210.7,
                                "name": "common",
                                "prop": "common",
                                "perspective": 0,
                                "scale": 0,
                                "opacity": 0,
                                "rotateX": 0,
                                "rotateY": 0,
                                "rotateZ": 0
                            },
                            "left": 26.06,
                            "top": 450.54,
                            "index": "0a6a0041-5dd1-4be2-ba6f-6f76e0f55e41",
                            "child": {
                                "index": [],
                                "paramList": []
                            },
                            "zIndex": 9,
                            "display": false,
                            "proxy": true
                        },
                        {
                            "name": "安全legend",
                            "title": "自定义Vue组件",
                            "icon": "icon-bar",
                            "img": "img/assets/text4.png",
                            "dataType": 0,
                            "data": {
                                "name": "avue"
                            },
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "",
                            "stylesFormatter": "",
                            "component": {
                                "width": 408.82,
                                "height": 30.01,
                                "name": "vue",
                                "prop": "vue"
                            },
                            "option": {
                                "content": "<template>\n    <div class=\"labeloc\"  >\n    <p style=\"transform:scale(0.8)\"><img src=\"https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/3eebbbf0bcf82855b2ce7c556ba2c775.png\"\n            alt=\"\"><span></span>隐患数</p>\n    <p style=\"transform:scale(0.8)\"> <img src=\"https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/846440e988bf6e318d68e0a77ee08ce8.png\"\n            alt=\"\">待办数量</p>\n    <p style=\"transform:scale(0.8)\"><img class=\"lineImg\"\n            src=\"https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/234fa65908a1a0c3b3ad1484dde4bff5.png\"\n            alt=\"\">整改率</p>\n</div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.labeloc {\n  width: 40%;\n  margin-top: 8px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.labeloc p {\n  font-size: 24px;\n  font-family: MicrosoftYaHei-, MicrosoftYaHei;\n  font-weight: normal;\n  color: #ffffff;\n  line-height: 29px;\n  display: flex;\n}\n\n.labeloc p img {\n  width: 34px;\n  height: 25px;\n  margin-top: 4px;\n  margin-right: 10px;\n}\n\n.labeloc p .lineImg {\n  margin-top: 2px;\n  width: 57px;\n  height: 30px;\n}\n</style>"
                            },
                            "left": 936.81,
                            "top": 383.54499999999996,
                            "index": "57f60cb5-8d73-43e2-80ea-6fd5c929c8f2",
                            "child": {
                                "index": [],
                                "paramList": []
                            },
                            "zIndex": 8,
                            "display": false
                        }
                    ],
                    "zIndex": 11,
                    "child": {},
                    "dataFormatter": "",
                    "isname": false
                },
                {
                    "title": "文件夹",
                    "name": "安全分析饼图",
                    "index": "31ab6ba3-49a9-4a12-80e5-9492eaca67b1",
                    "menu": true,
                    "display": true,
                    "lock": false,
                    "children": [
                        {
                            "name": "分析下拉框",
                            "title": "自定义Vue组件",
                            "icon": "icon-bar",
                            "img": "img/assets/text4.png",
                            "dataType": 0,
                            "data": {
                                "name": "avue"
                            },
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "",
                            "stylesFormatter": "",
                            "component": {
                                "width": 116.62,
                                "height": 27.11,
                                "name": "vue",
                                "prop": "vue",
                                "perspective": 0,
                                "scale": 0,
                                "opacity": 0,
                                "rotateX": 0,
                                "rotateY": 0,
                                "rotateZ": 0
                            },
                            "option": {
                                "content": "<template>\n    <div>\n        <el-select v-model=\"value\" class='selectNum' size='mini' placeholder=\"请选择\" @change='handleSelect'>\n            <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\">\n            </el-option>\n        </el-select>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {\n                 options: [ {\n          label: '近半年',\n          value: 1\n        },\n        {\n          label: '近一年',\n          value: 2\n        }],\n        value: 1\n            }\n        },\n        created(){\n\n        },\n        methods:{\n            handleSelect(value){\n                this.$emit('click',{value:value})\n            }\n        },\n        mounted(){\n         let refs=this.$parent.getItemRefs();\n          refs['136496e4-ff6d-4d47-ab2c-94be76e36388'].setDisplay(true)\n                 refs['31ab6ba3-49a9-4a12-80e5-9492eaca67b1'].setDisplay(true)\n            this.$emit('click',{value:1})\n        }\n    \n    }\n</script>\n\n<style>\n.selectNum{\n  width:90px;\n  border:1px solid #00ffff;\n}\n</style>"
                            },
                            "left": 7.99,
                            "top": 379.33,
                            "index": "175ef8b2-9636-4149-8da9-615ca699b3b5",
                            "child": {
                                "index": [
                                    "b308dc9d-0a3c-4729-8403-b3018d38a7ad"
                                ],
                                "paramList": [],
                                "paramName": "date_type",
                                "paramValue": "value"
                            },
                            "zIndex": 6,
                            "display": true
                        },
                        {
                            "name": "安全饼图",
                            "title": "通用型",
                            "icon": "icon-bar",
                            "img": "img/assets/text5.png",
                            "dataType": 1,
                            "dataMethod": "get",
                            "data": {
                                "categories": [
                                    "苹果",
                                    "三星",
                                    "小米",
                                    "oppo",
                                    "vivo"
                                ],
                                "series": [
                                    {
                                        "name": "手机品牌",
                                        "data": [
                                            1000879,
                                            3400879,
                                            2300879,
                                            5400879,
                                            3400879
                                        ]
                                    }
                                ]
                            },
                            "echartFormatter": "(data) => {\n  console.log(data, \"data\");\n  let pieData = [];\n  let total = 0;\n  if (data.list && data.list.length > 0) {\n    pieData = [];\n    data.list.map((item) => {\n      console.log(item,'-item')\n      pieData.push({\n        value: item.y,\n        name: item.x,\n      });\n    });\n    total = data.total_count;\n  }\n  console.log(total, pieData, \"////\");\n  const option={\n      tooltip: {\n        trigger: 'item',\n        // formatter: \"{a} <br/>{b} : {c} ({d}%)\"\n        formatter: '{b} : {c} ({d}%)',\n        backgroundColor: 'rgba(27, 20, 100, 0.8)',\n        textStyle: {\n          fontSize: 24, // 字体大小\n          color: '#ffffff'\n        }\n      },\n      indexNo: '',\n      legend: {\n        show: true,\n        right: '5%',\n        top: '28%',\n        orient: 'vertical',\n        itemWidth: 48, // 设置宽度\n        itemHeight: 24, // 设置高度\n        itemGap: 20, // 设置间距\n        textStyle: {\n          color: '#fff',\n          fontSize: 28\n        }\n      },\n      title: {\n        //数值\n        text: total,\n        top: '25%',\n        left:'center',\n        textStyle: {\n          color: '#fff',\n          fontSize: 40,\n          align: 'center',\n          fontWeight: 'bold',\n          fontFamily: ''\n        },\n        subtext: '隐患数',\n          subtextStyle: {\n            color: '#fff',\n            fontWeight: 'bold',\n            fontSize: 36,\n          },\n      },\n      series: [\n        {\n          type: 'pie',\n          radius: ['90%', '60%'],\n          label: {\n            show: false,\n            position: 'center'\n          },\n          labelLine: {\n            show: false\n          },\n          data: pieData,\n          itemStyle: {\n            emphasis: {\n              shadowBlur: 10,\n              shadowOffsetX: 0,\n              shadowColor: 'rgba(0, 0, 0, 0.5)'\n            },\n            normal: {\n              color: function (params) {\n\n                var colorList = [\n                  {\n                    c1: '#00D7F8', //一般\n                    c2: '#0080E2'\n                  },\n                  {\n                    c1: '#FFF8A3', //较大\n                    c2: '#FF931E'\n                  },\n                  {\n                    c1: '#FF6600',\n                    c2: '#FF2944'\n                  }\n                ];\n                return new echarts.graphic.LinearGradient(0, 0, 1, 0, [\n                  {\n                    //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上\n\n                    offset: 0,\n                    color: colorList[params.dataIndex].c1\n                  },\n                  {\n                    offset: 1,\n                    color: colorList[params.dataIndex].c2\n                  }\n                ]);\n                /*  return colorList[params.dataIndex]*/\n              }\n            }\n          }\n        }\n      ]\n  }\n  return option\n};\n",
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "(data)=>{\n    return {\n        project_id: '629',\n        check_tpl_id: '5ff438316211725c1717cbd2',\n        date_type:1\n    }\n}",
                            "stylesFormatter": "",
                            "url": "https://console-api.hibuilding.cn/plat/api/v3/screen/safe_hazard_manage/pie_stat",
                            "component": {
                                "width": 1070.03,
                                "height": 300,
                                "name": "common",
                                "prop": "common"
                            },
                            "left": 129.94,
                            "top": 376.77,
                            "index": "b308dc9d-0a3c-4729-8403-b3018d38a7ad",
                            "child": {
                                "index": [],
                                "paramList": []
                            },
                            "zIndex": 5,
                            "proxy": true,
                            "display": true
                        }
                    ],
                    "zIndex": 7,
                    "child": {},
                    "dataFormatter": "",
                    "isname": false
                },
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 143.66,
                        "height": 32.87,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"qhq-conter\">\n    <el-select\n      v-model=\"value\"\n      class=\"selectNum\"\n      size=\"mini\"\n      placeholder=\"请选择\"\n      @change=\"handleSelect\"\n    >\n      <el-option\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      >\n      </el-option>\n    </el-select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      options: [\n        {\n          label: \"今日\",\n          value: 1,\n        },\n        {\n          label: \"月度\",\n          value: 2,\n        },\n        {\n          label: \"季度\",\n          value: 9,\n        },\n        {\n          label: \"年度\",\n          value: 3,\n        },\n      ],\n      value: 9,\n    };\n  },\n  created() {},\n  methods: {\n    handleSelect(value) {\n      this.$emit(\"click\", {\n        injections: [\n          { key: \"checkTplId\", value: \"5ff438316211725c1717cbd2\" },\n          { key: \"type\", value: value },\n        ],\n      });\n    },\n  },\n  mounted() {\n    this.$emit(\"click\", {\n      injections: [\n        { key: \"checkTplId\", value: \"5ff438316211725c1717cbd2\" },\n        { key: \"type\", value: this.value },\n      ],\n    });\n  },\n};\n</script>\n\n<style>\n.selectNum {\n  float: left;\n  width: 110px;\n  border: 1px solid #00ffff;\n}\n.el-input__inner {\n  background: transparent !important;\n}\n</style>"
                    },
                    "left": 21.59,
                    "top": -5.49,
                    "index": "2bcd6858-38cc-4363-90b5-d3ae9719aee6",
                    "child": {
                        "index": [
                            "50b1e1e7-a442-447b-bdb7-6ab600816987"
                        ],
                        "paramList": [],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 4,
                    "display": false
                },
                {
                    "name": "隐患仪表盘",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_zlaq_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"checkTplId\",\"value\":\"5ff438316211725c1717cbd2\"}, \n{\"key\":\"type\",\"value\":\"9\"}, \n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1277.88,
                        "height": 266.5,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"cicle-list\">\n    <InstrumentPanel\n    style=\"transform:scale(0.8)\"\n      v-for=\"(item, index) in panelList\"\n      :key=\"index\"\n      :safeDialog=\"'0'\"\n      :facMessage=\"'1'\"\n      :showData=\"item\"\n    ></InstrumentPanel>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n    InstrumentPanel: {\n      template: `\n      <div class='InstrumentPanel'>\n    <!-- 仪表盘 这个组件里的是模拟数据.真实数据用同名组件 参数的使用写在工地人员sitepeople-->\n    <div class='peoplePanel'>\n      <img v-if=\"type === 'water'\"\n           src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/4d79afcfdc85b79a3ad77f75e2efe788.png'\n           alt=''>\n      <img v-if=\"type === 'video'\"\n           src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/07321647485e919d99367e00250ebbbc.png'\n           alt=''>\n      <img v-if=\"type === 'energy'\"\n           src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/0a7ea67b7e7a943d6c182154345b24e5.png'\n           alt=''>\n      <img v-if=\"type === 'noise'\"\n           src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/ef2dcabd648c5bfc436c5ac9d7f1bdad.png'\n           alt=''>\n      <img v-if=\"type === ''\"\n           src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/4503ceffa5cea0b3351668403f4a4e1e.png'\n           alt=''>\n      <div class='panel'\n           style='width:180px;height:170px'\n           :id='randomId'></div>\n\n      <p class='showNum'\n         v-if=\"typeImg !== 'thing' && siteMessage !== '1' && facMessage !== '1' \"\n         :style=\"{color : showData.warn ==='1' ? '#FF0000' : '#00ffff' }\">\n       \n        <!-- 中间的数字内容 -->\n        {{ showData.percent === '1' ? showData.value + '%' : showData.value }}<span v-if='showData.unit'\n              class='unit'>{{ showData.unit }}</span>\n      </p>\n      <!-- 材料物资特有  其他的不要传 typeImg -->\n      <p class='showNum'\n         style='color:#00ffff;  cursor: pointer;'\n         v-if=\"typeImg === 'thing' \">\n        <!-- 中间的数字内容 -->\n        <span> {{ showData.percent === '1' ? showData.value + '%' : showData.value\n          }} </span>\n        <!-- 这里不判断 市场行情没有单位,仅占位 -->\n        <span class='unit thingUnit'>{{ showData.unit }}</span>\n        <img class='thingImg'\n             v-if=\"showData.market!=='1'\"\n             @click='changeUnit(showData.title)'\n             src='https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/03019df2f5e4adf139a6948978b0442c.png'\n             alt=''>\n        <span v-if=\"showData.market ==='1'\"\n              class='unit thingUnit'\n              style='margin-top:20px'>元/吨</span>\n      </p>\n\n      <!-- 项目级场地环境弹窗 -->\n      <p class='showNum'\n         v-if=\"siteMessage === '1'\"\n         style='color:#00ffff;  cursor: pointer;'>\n        {{ showData.percent === '1' ? showData.value + '%' : showData.value }}\n        <span v-if='showData.unit'\n              class='unit'>{{ showData.unit }}</span>\n      </p>\n      <!-- 质量检查汇总弹窗 -->\n      <p class='showNum'\n         v-if=\"facMessage === '1'\"\n         style='color:#00ffff;  cursor: pointer;'>\n        {{ showData.percent === '1' ? showData.value + '%' : showData.value }}<span v-if='showData.unit'\n              class='unit'>{{ showData.unit }}</span>\n      </p>\n    </div>\n\n  </div>\n      `,\n      data() {\n        return {\n          chart: null,\n          randomId: 0,\n          openVisibile: false,\n          siteMessageVisibile: false,\n          facMessageVisibile: false\n        };\n      },\n      props: {\n        showData: Object,\n        type: {\n          type: String,\n          default: () => {\n            return '';\n          }\n        },\n        typeImg: {\n          //材料物资\n          type: String,\n          default: () => {\n            return '';\n          }\n        },\n        siteMessage: {\n          //项目级场地环境信息弹窗\n          type: String,\n          default: () => {\n            return '';\n          }\n        },\n        facMessage: {\n          //项目级质量检查弹窗\n          type: String,\n          default: () => {\n            return '';\n          }\n        },\n        safeDialog: String, //区分是质量弹窗还是安全  0是质量,1是安全\n        warn: String\n      },\n      created() {},\n      mounted() {\n        let date = new Date();\n        this.randomId = date.getTime() + parseInt(Math.random(0, 1) * 1000);\n        let _this = this;\n        this.$nextTick(() => {\n          window.$loadScript('js', 'https://cdn.staticfile.org/echarts/5.4.0/echarts.min.js').then(() => {\n            _this.renderChart();\n          });\n        });\n      },\n      methods: {\n        //切换单位\n        changeUnit(title) {\n          //点击图片切换单位和数值. 点击就把标题传到材料物资组件,在那边判断是调用哪一个函数把新的值再传回来\n          //不可行的话把这个图片拿到材料物资页面写\n          this.$emit('thingTitle', title);\n        },\n        renderChart() {\n          //警告\n          if (this.chart != null && this.chart != '' && this.chart != undefined) {\n            this.chart.dispose();\n          }\n          this.chart = echarts.init(document.getElementById(this.randomId));\n          //换行 处理title过长时换行\n          let title = '';\n          let titleLen = this.showData.title.length;\n          if (titleLen > 8) {\n            title = this.showData.title.slice(0, 3) + '\\n' + this.showData.title.slice(3, titleLen);\n          } else {\n            title = this.showData.title;\n          }\n          const gaugeData = [\n            {\n              //如果返回的值是百分比就按返回的值,如果不是就按50%  改成这种显示方式的话之后传回来的this.showData.num直接不用了,可以删掉\n              value: this.showData.percent == '1' || this.showData.value == 0 ? this.showData.value : 50,\n              name: title,\n              title: {\n                offsetCenter: ['0%', '-30%']\n              },\n              detail: {\n                valueAnimation: false,\n                //中间文字位置\n                offsetCenter: ['0%', '25%']\n              }\n            }\n          ];\n          let options = {\n            series: [\n              {\n                type: 'gauge',\n                radius: '80',\n                startAngle: 240,\n                endAngle: -60,\n                itemStyle: {\n                  //渐变色在 告警 warn的时候是红色,市场行情 market 的时候是蓝色\n                  color: new echarts.graphic.LinearGradient(0, 1, 1, 1, [\n                    {\n                      offset: 1,\n                      color:\n                        this.showData.warn === '1' ? '#FF2944' : this.showData.market === '1' ? '#00BEFB' : '#00BEFB'\n                    },\n                    {\n                      offset: 0.2,\n                      color:\n                        this.showData.warn === '1' ? '#FF6600' : this.showData.market === '1' ? '#4050FC' : '#CC00FC'\n                    },\n                    {\n                      offset: 0,\n                      color:\n                        this.showData.warn === '1' ? '#FF6600' : this.showData.market === '1' ? '#4050FC' : '#CC00FC'\n                    }\n                  ])\n                },\n                pointer: {\n                  show: false\n                },\n                progress: {\n                  show: true,\n                  overlap: false,\n                  roundCap: true,\n                  clip: false,\n                  itemStyle: {\n                    borderWidth: 0,\n                    borderColor: '#464646'\n                  }\n                },\n                axisLine: {\n                  roundCap: true,\n                  lineStyle: {\n                    width: 11,\n                    color: [[1, '#1B1464']],\n                    shadowBlur: 5,\n                    shadowColor: '#00BEFB'\n                  }\n                },\n                axisTick: {\n                  show: false\n                },\n                axisLabel: {\n                  show: false,\n                  distance: -20,\n                  color: '#999',\n                  fontSize: 20\n                },\n                splitLine: {\n                  show: false\n                },\n                data: gaugeData,\n                title: {\n                  fontSize: 14,\n                  color: '#fff'\n                },\n                detail: { show: false }\n              }\n            ]\n          };\n          this.chart.clear();\n          this.chart.resize();\n          this.chart.setOption(options);\n        }\n      },\n      computed: {},\n      watch: {\n        showData: {\n          deep: true, //true为进行深度监听,false为不进行深度监听\n          handler(newVal) {\n            if (newVal) {\n              this.renderChart();\n            }\n          }\n        }\n      }\n    }\n  },\n  data() {\n    return {\n      panelList: []\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        let data = val.data?val.data:{}\n        //避免先加载假数据,不更新真实数据\n        this.panelList = [\n          { title: '隐患数', value: data.total },\n          { title: '整改数量', value: data.close },\n          { title: '待办数量', value: data.rectify }\n        ]\n        // list.forEach(item => {\n        //   if (item.col_name === '检查数量') {\n        //     this.panelList[0].value=item.col_value[0]\n        //   } else if (item.col_name === '闭环数量') {\n        //     this.panelList[1].value=item.col_value[0]\n        //   } else if (item.col_name === '待整改数量') {\n        //     this.panelList[2].value=item.col_value[0]\n        //   }\n        // })\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  created() {\n    // this.panelList = [\n    //   { title: '问题数', value: 74 },\n    //   { title: '整改数量', value: 43 },\n    //   { title: '待办数量', value: 23 }\n    // ];\n  }\n};\n</script>\n<style>\n.cicle-list {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 30px;\n}\n.peoplePanel {\n  position: relative;\n}\n\n.peoplePanel .panel {\n  position: absolute;\n  top: 33px;\n  left: 30px;\n}\n\n.peoplePanel .showNum {\n  position: absolute;\n  top: 100px;\n  width: 240px;\n  text-align: center;\n  font-size: 36px;\n  font-weight: bold;\n}\n\n.peoplePanel .showNum .unit {\n  display: block;\n  font-size: 16px;\n  font-weight: bold;\n}\n\n.thingUnit {\n  font-size: 14px !important;\n}\n\n.thingImg {\n  margin-top: 10px;\n  width: 30px;\n  height: 30px;\n}\n</style>\n"
                    },
                    "left": 21.39,
                    "top": 7.92,
                    "index": "50b1e1e7-a442-447b-bdb7-6ab600816987",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 3,
                    "display": false,
                    "proxy": false,
                    "dataMethod": "post",
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "clickFormatter": "(params,refs)=>{\n          console.log('...');\n    let path = window.location.search\n    refs['002392f8-753a-4a47-85b3-d9c9674acb4b'].dataChart.value='https://dash.hibuilding.cn/view/242'+path\n    refs['9e08509b-1baf-470f-80ee-f13acf3f7abd'].setDisplay(false);\n    refs['7cba205a-6a1b-44cf-9777-b6379a0cf972'].setDisplay(false);\n}"
                },
                {
                    "name": "时间类型",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 293.74,
                        "height": 49.28,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <div v-for=\"item in data\" @click=\"tabClick(item)\" :class=\"[selectValue==item.value?'tabClassSelect':'tabClass']\" :key=\"item.name\"  style=\"transform:scale(0.8)\">\n            {{item.name}}\n        </div>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {\n              data:[{name:'按时间',value:'time'},{name:'问题类型',value:'type'},],\n              selectValue:'time',\n            }\n        },\n        created(){\n\n        },\n        mounted(){\n         let refs=this.$parent.getItemRefs();\n              \n                refs['31ab6ba3-49a9-4a12-80e5-9492eaca67b1'].setDisplay(true)\n                 refs['136496e4-ff6d-4d47-ab2c-94be76e36388'].setDisplay(false)\n        },\n        methods:{\n            tabClick(record){\n                this.selectValue=record.value\n                let refs=this.$parent.getItemRefs();\n                this.selectValue=record.value\n                if(record.value=='time'){\n                 refs['31ab6ba3-49a9-4a12-80e5-9492eaca67b1'].setDisplay(true)\n                 refs['136496e4-ff6d-4d47-ab2c-94be76e36388'].setDisplay(false)\n                }else{\n                 refs['31ab6ba3-49a9-4a12-80e5-9492eaca67b1'].setDisplay(false)\n                 refs['136496e4-ff6d-4d47-ab2c-94be76e36388'].setDisplay(true)\n                }\n            }    \n        }\n    }\n</script>\n\n<style>\n  .tabClassSelect{display: block;\n    margin-left: 26px;\n    width: 111px;background: linear-gradient(180deg, #00d7f8 0%, #009be2 44%, #4015ff 100%);\n    height: 43px;line-height:40px;\n   \n    border-radius: 8px 8px 8px 8px;\n    opacity: 1;\n    border: 1px solid #00ffff;\n    text-align: center;\n    font-size: 24px;\n   display:block;float:left;\n    font-weight: bold;\n    color: #ffffff;}\n.tabClass{display: block;\n    margin-left: 26px;\n    width: 111px;\n    height: 43px;line-height:40px;\n    background: transparent;\n    border-radius: 8px 8px 8px 8px;\n    opacity: 1;\n    border: 1px solid #00ffff;\n    text-align: center;\n    font-size: 24px;\n   display:block;float:left;\n    font-weight: bold;\n    color: #ffffff;}\n</style>"
                    },
                    "left": 1037.3,
                    "top": 287.95,
                    "index": "281c6184-c8c9-48b7-a7c2-9ee4be7b3718",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "文本框",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "安全检查分析"
                    },
                    "component": {
                        "width": 225.47,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 24,
                        "fontWeight": "bold",
                        "color": "#fff"
                    },
                    "left": -22.62,
                    "top": 304.12,
                    "index": "f024c26d-0685-4bdf-8b73-fd0b16b82c51",
                    "zIndex": 1,
                    "display": false
                },
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1337.96,
                        "height": 19.91,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <div class=\"line\"></div>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.line{\nwidth: 100%;\n    height: 6px;\n    position: absolute;\n    bottom: -15px;\n    background: -webkit-gradient(linear,left top,right top,from(#005bff),color-stop(17%,#2e5bfc),color-stop(47%,#795bf9),color-stop(72%,#b05bf6),color-stop(90%,#d35bf4),to(#e05bf4));\n    background: linear-gradient(90deg,#005bff,#2e5bfc 17%,#795bf9 47%,#b05bf6 72%,#d35bf4 90%,#e05bf4);\n}\n</style>"
                    },
                    "left": -4.13,
                    "top": 322.95,
                    "index": "78d4961d-95c8-4c91-a85d-211f2206e038",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "display": false
                }
            ],
            "zIndex": 12,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}